<template>
	<view class="container">
		<view v-if="list&&list.length>0" class="o-plr o-pb">
			<view v-for="(item,index) in list" @click="$Function.LinkTo(`/pages/mine/complaintDetails?id=${item.id}`)" :key="index" class="o-plr c-bg-f u-b c-r-l o-mt">
				<view class="c-color-g2 u-bb o-ptb-s c-t6">{{item.updateTime}}</view>
				<view class="l-fc o-ptb">
					<view class="l-fa c-line-12 o-pr">
						<view class="">
							<text class="c-ws">电梯注册代码：</text>
							{{item.elevCode}}
						</view>
						<view class="">
							<text class="c-ws">安装地址：</text>
							{{item.location}}
						</view>
						<view class="">
							<text class="c-ws">详细位置：</text>
							{{item.locationDetail}}
						</view>
					</view>
					<view class="l-fa l-fc">
						<text class="o-pr c-ws">{{item.status == 1?'已回复': '未回复'}}</text>
						<u-icon name="arrow-right" color="#8b8b8b" size="28"></u-icon>
					</view>
				</view>
			</view>
			<load-more status="nomore"></load-more>
		</view>
		<view v-else>
			<empty></empty>
		</view>
	</view>
</template>

<script>
	import empty from '@/components/empty.vue'
	import loadMore from '@/components/load-more.vue'
	export default {
		name: 'complaint',
		data() {
			return{}
		},
		components:{empty, loadMore},
		computed:{
			list: vm => vm.$store.getters.my_complainList
		},
		onLoad() {
			this.getList()
		},
		methods:{
			getList() {
				this.$store.dispatch('get_myComplainList', {})
			}
		}
	}
</script>

<style>
</style>
